<template>
  <div class="requirement-box">
    <el-row :gutter="20" type="flex">
      <el-col :span="8">
          <Need></Need>
      </el-col>
      <el-col :span="8">
          <Qualif></Qualif>
      </el-col>
      <el-col :span="8">
          <Inventory></Inventory>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Need from "./need.vue"
import Qualif from "./qualif.vue"
import Inventory from "./inventory.vue"
export default {
  components:{
    Need,
    Qualif,
    Inventory
  },
  
}
</script>

<style scoped>
ul,h3,h4,p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pd20 {
  padding: 0 20px;
}
.mb60 {
  margin-bottom: 60px;
}
.requirement-box .el-row{
  height: 100%;
}
::v-deep .el-card{
  position: relative;
}
.requirement-box >>> .el-card__body {
  height: 100%;
  padding: 0;
}
::v-deep .el-card__body .top{
  margin: 0 30px;
}
::v-deep .el-card__body > div {
  height: calc(100% - 45px);
  overflow-y: auto;
}
::v-deep .el-card__body > div::-webkit-scrollbar {
  width: 0;
}


</style>